<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="AI 机器学习 深度学习 计算机视觉 数据科学">
    <meta name="description" content="分享技术，分享生活">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="baidu-site-verification" content="code-8VjAnGhv8m" />
    <meta name="google-site-verification" content="An02eAw6rCWBVutF85tRr02GvZox5D4Pqd9PKFRzvBs" />
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>韩其凯的个人站点</title>
    
    <script>
        // 隐藏
        //右键
        // document.oncontextmenu = function (event){
        //     if(window.event){
        //     event = window.event;
        //     }try{
        //     var the = event.srcElement;
        //     if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
        //     return false;
        //     }
        //     return true;
        //     }catch (e){
        //     return false;
        //     }
        // }

        //debugger部分
            // setInterval(function() {
            // check();
            // }, 500);
            // var check = function() {
            //     function doCheck(a) {
            //     if (('' + a / a)['length'] !== 1 || a % 20 === 0) {
            //         (function() {}['constructor']('debugger')());
            //     } else {
            //         (function() {}['constructor']('debugger')());
            //     }
            //     doCheck(++a);
            //     }
            //     try {
            //     doCheck(0);
            //     } catch (err) {}
            // };
            // check();

            // ctrl+s保存
            // document.onkeydown = function() {
            //     if ((e.ctrlKey) && (e.keyCode == 83)) { //ctrl+s
            //         return false;
            //     }
            // }
            // window.addEventListener("keydown", function(e) {
            //     //可以判断是不是mac，如果是mac,ctrl变为花键
            //     //event.preventDefault() 方法阻止元素发生默认的行为。
            //     if((e.key=='s'||e.key=='S')&&(navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)){
            //         e.preventDefault();
            //     }
            // }, false);
            // F12
            // document.onkeydown = function(){
            //     if(window.event && window.event.keyCode == 123) {
            //         event.keyCode=0;
            //         event.returnValue=false;
            //     }
            //     if(window.event && window.event.keyCode == 13) {
            //         window.event.keyCode = 505;
            //     }
            //     if(window.event && window.event.keyCode == 8) {
            //         window.event.returnValue=false;
            //     }
            // }
        //宽高
        // var threshold = 160; // 打开控制台的宽或高阈值  
        // // 每秒检查一次  
        // window.setInterval(function() {  
        //     if (window.outerWidth - window.innerWidth > threshold ||   
        //     window.outerHeight - window.innerHeight > threshold) {  
        //         // 如果打开控制台，则刷新页面  
        //         window.location.reload();  
        //     }  
        // }, 1e3);

        //debug调试时跳转页面
        // var element = new Image();
        // Object.defineProperty(element,'id',{get:function(){window.location.href="/tenfour/homepage/"}});
        // console.log(element);
    </script>
    
    <link rel="icon" type="image/png" href="/medias/logo.webp">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">
    <link type='text/css' rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"/>
    
    <script src="/libs/jquery/jquery.min.js"></script>
    <!-- <script src="/js/foropensource.js"></script> -->
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https'){
           bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else{
          bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
<meta name="generator" content="Hexo 5.0.2"><link rel="alternate" href="/atom.xml" title="韩其凯的个人站点" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


<!-- 提示：若要开启春节或者圣诞主题样式，直接给body标签添加一个class为
class="themespring" -->
<body>
    <!-- 网站全局深色模式设置开始 -->
    <script>
        if (localStorage.getItem('dark') === '1') {
        document.body.classList.add('dark');
        }
        //  else if (new Date().getHours() >= 22 || new Date().getHours() < 7) {
        // document.body.classList.add('dark');
        // } 
        else if (matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
        }
    </script>
    <a onclick="switchNightMode()" id="sma">
        <i class="fa fa-moon-o" id="nightMode" aria-hidden="true"></i>
    </a>
    <!-- 网站全局深色模式设置结束 -->

    <!-- 网站主题切换模式开始 -->
    <!-- 中国节日按钮开始 -->
    <script>
        if (localStorage.getItem('themespring') === '1') {
            document.body.classList.add('themespring');
        }
        else if (matchMedia('(prefers-color-scheme: themespring)').matches) {
            document.body.classList.add('themespring');
        }
    </script>
    <div onclick="switchSpringThemes()" id="switchspring">
        <img class="chunjiepic" src="/medias/spring-img/denglong.png" title="春节主题" />
    </div>
    <!-- 中国节日按钮结束  -->
    <!-- 网站主题切换模式结束 -->

    <!-- header模块开始 -->
<header class="navbar-fixed" id="header-active">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.webp" class="logo-img" alt="LOGO">
                    
                    <!-- 大屏幕下logo字体 -->
                    <span class="bigwidth">itsNeko-openSource-Blog</span>
                    <!-- 小屏幕下logo字体 -->
                    <span class="smallwidth">itsNeko</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>归档</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/tags">
          
          <span>标签</span>
        </a>
      </li>
      
      <li>
        <a href="/archives">
          
          <span>日历</span>
        </a>
      </li>
      
      <li>
        <a href="/count">
          
          <span>统计</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>清单</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/videos">
          
          <span>vlog</span>
        </a>
      </li>
      
      <li>
        <a href="/musics">
          
          <span>music</span>
        </a>
      </li>
      
      <li>
        <a href="/gallery">
          
          <span>相册</span>
        </a>
      </li>
      
      <li>
        <a href="/books">
          
          <span>书单</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>链接库</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/friends">
          
          <span>友情链接</span>
        </a>
      </li>
      
      <li>
        <a href="/collection">
          
          <span>网址收藏</span>
        </a>
      </li>
      
      <li>
        <a href="/project">
          
          <span>实战项目</span>
        </a>
      </li>
      
      <li>
        <a href="/donate">
          
          <span>打赏记录</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="javascript:;" class="waves-effect waves-light">

      
      <span>实验室</span>
      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
    </a>
    <ul class="sub-nav menus_item_child ">
      
      <li>
        <a href="/ticktack">
          
          <span>ticktack</span>
        </a>
      </li>
      
      <li>
        <a href="/vote">
          
          <span>opensource</span>
        </a>
      </li>
      
      <!-- 波浪wave条 -->
      <div class="wavelineerji">
        <style>
          .wavelineerji {
            background: url(/medias/wave.png) 0 0 repeat-x;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-size: 10px 3px;
            transform: rotate(180deg);
          }
        </style>
      </div>
    </ul>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.webp" class="logo-img circle responsive-img">
        
        <div class="logo-name">韩其凯的个人站点</div>
        <div class="logo-desc">
            
            分享技术，分享生活
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			归档
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/tags " style="margin-left:75px">
				  
		          <span>标签</span>
                  </a>
                </li>
              
                <li>

                  <a href="/archives " style="margin-left:75px">
				  
		          <span>日历</span>
                  </a>
                </li>
              
                <li>

                  <a href="/count " style="margin-left:75px">
				  
		          <span>统计</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			清单
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/videos " style="margin-left:75px">
				  
		          <span>vlog</span>
                  </a>
                </li>
              
                <li>

                  <a href="/musics " style="margin-left:75px">
				  
		          <span>music</span>
                  </a>
                </li>
              
                <li>

                  <a href="/gallery " style="margin-left:75px">
				  
		          <span>相册</span>
                  </a>
                </li>
              
                <li>

                  <a href="/books " style="margin-left:75px">
				  
		          <span>书单</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
				<i class="fas fa-fw"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			链接库
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/friends " style="margin-left:75px">
				  
		          <span>友情链接</span>
                  </a>
                </li>
              
                <li>

                  <a href="/collection " style="margin-left:75px">
				  
		          <span>网址收藏</span>
                  </a>
                </li>
              
                <li>

                  <a href="/project " style="margin-left:75px">
				  
		          <span>实战项目</span>
                  </a>
                </li>
              
                <li>

                  <a href="/donate " style="margin-left:75px">
				  
		          <span>打赏记录</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="javascript:;">
			
				<i class="fas fa-fw"></i>
			
			实验室
			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
		</a>
            <ul  style="background:  ;" >
              
                <li>

                  <a href="/ticktack " style="margin-left:75px">
				  
		          <span>ticktack</span>
                  </a>
                </li>
              
                <li>

                  <a href="/vote " style="margin-left:75px">
				  
		          <span>opensource</span>
                  </a>
                </li>
              
            </ul>
          
        </li>
        
        
    </ul>
</div>


        </div>
        <style>
          .brand-logo .waves-effect {
            font-size: 24px;
            font-style: oblique;
            color: #fadca6;
          }
        </style>
        
        
    </nav>
</header>
<!-- header模块结束 -->

<!-- 春节主题模式样式开始 -->
<style>
    .denglong {
        display: none;
    }
    body.themespring .denglong {
        display: block;
    }
    @media only screen and (min-width: 1124px) {
        .nav-menu {
            padding-right: 0px;
        }
        body.themespring .nav-menu {
            padding-right: 96px;
        }
    }
    @media only screen and (max-width: 760px) {
        .deng-box, .deng-box1 {
            width: 40%;
        }
        body.themespring .right {
            float: left!important;
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .right {
            float: left!important;
        }
    }
    .deng-box {
        position: fixed;
        top: -40px;
        right: -20px;
        z-index: 999;
    }
    .deng-box1 {
        position: fixed;
        top: -30px;
        right: 10px;
        z-index: 999;
    }
    .deng-box1 .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 5s infinite ease-in-out;
        box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    }
    .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 3s infinite ease-in-out;
        box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    }
    .deng-a {
        width: 100px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: 12px 8px 8px 10px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
    .deng-b {
        width: 45px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: -4px 8px 8px 26px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
    .xian {
        position: absolute;
        top: -20px;
        left: 60px;
        width: 2px;
        height: 20px;
        background: #dc8f03;
    }
    .shui-a {
        position: relative;
        width: 5px;
        height: 20px;
        margin: -5px 0 0 59px;
        -webkit-animation: swing 4s infinite ease-in-out;
        -webkit-transform-origin: 50% -45px;
        background: #ffa500;
        border-radius: 0 0 5px 5px;
    }
    .shui-b {
        position: absolute;
        top: 14px;
        left: -2px;
        width: 10px;
        height: 10px;
        background: #dc8f03;
        border-radius: 50%;
    }
    .shui-c {
        position: absolute;
        top: 18px;
        left: -2px;
        width: 10px;
        height: 35px;
        background: #ffa500;
        border-radius: 0 0 0 5px;
    }
    .deng:before {
        position: absolute;
        top: -7px;
        left: 29px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        z-index: 999;
        border-radius: 5px 5px 0 0;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
    .deng:after {
        position: absolute;
        bottom: -7px;
        left: 10px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        margin-left: 20px;
        border-radius: 0 0 5px 5px;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
    @font-face {
        font-family: "华文行楷";
        src: url('/fonts/华文行楷.ttf');
    }
    .deng-t {
        font-family: 华文行楷;
        font-size: 26px;
        color: #dc8f03;
        font-weight: bold;
        line-height: 44px;
        text-align: center;
    }
    .night .deng-t,
    .night .deng-box,
    .night .deng-box1 {
        background: transparent !important;
    }
    @-moz-keyframes swing {
        0% {
                -moz-transform: rotate(-10deg)
        }
        50% {
             -moz-transform: rotate(10deg)
        }
        100% {
                -moz-transform: rotate(-10deg)
        }
    }
    @-webkit-keyframes swing {
        0% {
                -webkit-transform: rotate(-10deg)
        }
        50% {
                -webkit-transform: rotate(10deg)
        }
        100% {
                -webkit-transform: rotate(-10deg)
        }
    }
</style>
<div class="denglong">
    <div class="deng-box">
        <div class="deng">
            <div class="xian"></div>
            <div class="deng-a">
                <div class="deng-b"><div class="deng-t" id="dtone">喜迎</div></div>
            </div>
            <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
        </div>
    </div>
    <div class="deng-box1">
        <div class="deng">
            <div class="xian"></div>
            <div class="deng-a">
                <div class="deng-b"><div class="deng-t" id="dttwo">春节</div></div>
            </div>
            <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
        </div>
    </div>
</div>
<!-- 春节主题模式样式结束 -->

    
<style>
    .carousel-control {
        width: 45px;
        height: 45px;
        line-height: 55px;
        border-radius: 45px;
        background: transparent;
        cursor: pointer;
        z-index: 100;
    }

    #prev-cover {
        position: absolute;
        top: 48%;
        left: 8px;
    }

    #next-cover {
        position: absolute;
        top: 48%;
        right: 8px;;
    }

    #prev-cover i {
        margin-right: 3px;
    }

    #next-cover i {
        margin-left: 3px;
    }

    .carousel-control:hover {
        background-color: rgba(0, 0, 0, .4);
    }

    .carousel-control i {
        color: #fff;
        font-size: 2.4rem;
    }
</style>



<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top: -64px;">
    

    <div class="carousel-item red white-text bg-cover about-cover">
        <div class="container">
            <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                
                    
                 
            </div>

            <div class="description center-align">
                
                <span id="subtitle"></span>
                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                <script>
                    var typed = new Typed("#subtitle", {
                        strings: ['征途漫漫，惟有奋斗；不忘初心，牢记使命。',''],
                        startDelay: 200,
                        typeSpeed: 120,
                        loop: true,
                        backSpeed: 50,
                        showCursor: true
                    });
                </script>
                
            </div>
        </div>
    </div>
</div>


<script>
    // 每天切换 banner 图.  Switch banner image every day.
    var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
</script>



            <div class="cover-btns">
                <a href="#indexCard" class="waves-effect waves-light btn">
                    <i class="fa fa-angle-double-down"></i>开始阅读
                </a>

                
            </div>
            <div class="cover-social-link">
    <a href="https://github.com/hanqikai" class="tooltipped" target="_blank" data-tooltip="GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:hhanqikai@163.com" class="tooltipped" target="_blank" data-tooltip="nekodeng@qq.com" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>



    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2477756486" class="tooltipped" target="_blank" data-tooltip="2477756486" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>



</div>
        </div>
    </div>

    
</div>

<script>
    $(function () {
        let coverSlider = $('.carousel');

        //用户触摸轮播自动 restartPlay 是否生效
        let initUserPressedOrDraggedActive = false

        //用户触摸轮播自动 restartPlay
        function initUserPressedOrDragged(instance) {
            setInterval(() => {
                if (instance.pressed || instance.dragged) {
                    // console.log('initUserPressedOrDragged: ',instance.pressed,instance.dragged)
                    restartPlay()
                }
            }, 1000)
        }

        coverSlider.carousel({
            duration: Number('120'),
            fullWidth: true,
            indicators: 'true' === 'true',
            onCycleTo() {
                if (!initUserPressedOrDraggedActive) {
                    // console.log('initUserPressedOrDraggedActive')
                    initUserPressedOrDragged(this)
                    initUserPressedOrDraggedActive = true
                }
            },
        })

        let carouselIntervalId;
        
        // Loop to call the next cover article picture.
        let autoCarousel = function () {
            carouselIntervalId = setInterval(function () {
                coverSlider.carousel('next');
            }, 5000);
        };
        autoCarousel();
        

        function restartPlay() {
            
            clearInterval(carouselIntervalId);
            autoCarousel();
            
        };

        
    });
</script>



<style>
  /* 主页背景图 */
  .bg-cover {
    background-image: url("/medias/banner/wy1.JPG") !important;
  }
</style>

<style>
  @media only screen and (max-width: 601px) {
    #switchspring {
      bottom: 178px !important;
    }
  }

  #switchspring {
    bottom: 232px;
  }

  .hurens {
    color: #926fec;
    font-size: 1.08rem;
  }

  body.dark .hurens {
    color: #926fec !important;
  }
</style>

<main class="content">
  
  <div id="indexCard" class="index-card">
    <div class="container ">
      <!-- 王小波语录栏开始 -->
      <div class="card huahuacard">
        <div class="card-content">
          
          <style>
  .yulunr {
    text-indent: 2rem;
  }
</style>
<div class="dream yuludream">
    <div class="row">
        <!-- 王小波语录开始 -->
        <div class="col l12 m12 s12 text datext">
            <!-- 福袋按钮 -->
            <div class="caishendeng">        
                <div class="caishenxian fudaixian">
                    <img class="caishenpic fudai" src="/medias/spring-img/fudai.png" />
                </div>              
            </div>
            <div class="title center-align">
              《质数的孤独》
            </div>
            <div class="yulunr">越长大，越觉得孤独竟是生命的必然，每个人都是质数列中孤单却特别的存在。或许，说不上特别，也就算个普普通通，再或者说，用＂普通＂都夸张了些。我们都是那孤独的质数，我们都承受着质数的孤独。——保罗·乔尔达诺 《质数的孤独》</div>
        </div>
        <!-- 王小波语录栏结束 -->
    </div>
</div>

          

          

          

          
          
        </div>
        <!-- 旋转樱花 -->
        <div class="yinghua yhleft">
          <div class="yinghualine">
            <img class="yinghuapic" src="/medias/yinghua.png" />
          </div>
          <style>
            .yinghua {
              position: absolute;
              bottom: 32px;
            }

            .yhleft {
              left: 15%;
            }

            .yinghualine {
              position: absolute;
              top: 0px;
              right: 20%;
              width: 2px;
              height: 32px;
              background: #dc8f03;
              transform-origin: 50% 100px;
              animation: swing 3.5s infinite ease-in-out;
              -webkit-transform-origin: 50% 100px;
              -webkit-animation: swing 3.5s infinite ease-in-out;
            }

            .yinghuapic {
              width: 28px;
              height: 28px;
              -webkit-animation: rotate 2s linear 0s infinite;
              animation: rotate 2s linear 0s infinite;
              position: absolute;
              top: -14px;
              left: -14px;
              z-index: 9;
            }
          </style>
        </div>
      </div>
      <!-- 王小波语录栏结束 -->

      <!-- 全局通知公告播报栏开始 -->
      <style>
        .notices {
          padding: 20px;
          color: #969696;
          position: relative;
          display: inline-block;
          border-radius: 10px;
          font-size: 16px;
        }

        .rows .col.offset-l2 {
          margin-left: 0px !important;
        }

        .textsst {
          padding: 20px;
          font-size: 1.08rem;
          text-indent: 2rem;
          font-family: 'Architects Daughter', cursive !important;
        }

        .textsst p {
          font-size: 16px;
        }
      </style>
      <div class="card huahuacard">
        <div class="dream">
          <div class="row rows">
            <div class="notices col l12 offset-l2 m12 offset-m1 s12 offset-s1">
              <div class="caishendeng">
                <div class="caishenxian">
                  <img class="caishenpic" src="/medias/spring-img/caishen.png" />
                </div>
              </div>
              <!-- 全局通知公告播报栏开始 -->
              <style>
                .notices {
                  padding: 20px;
                  color: #969696;
                  position: relative;
                  display: inline-block;
                  border-radius: 10px;
                  font-size: 16px;
                }

                .rows .col.offset-l2 {
                  margin-left: 0px !important;
                }

                .textsst {
                  padding: 20px;
                  font-size: 1.08rem;
                  text-indent: 2rem;
                  font-family: 'Architects Daughter', cursive !important;
                }

                .textsst p {
                  font-size: 16px;
                }
              </style>
              <!-- 公告文字栏开始 -->
              <div class="textsst">
                <p>作者：韩其凯，博客地址:<a href="https://hanqikai.gitee.io" target="_blank">韩其凯的个人博客~</a>
                </p>
                <p>下载：本博客的源码已经上传我的github和gitee仓库，欢迎<code>Star</code>，下载地址：
                  <a href="https://github.com/nekodeng/hexo-theme-itsneko.git" target="_blank">源码github下载地址~</a>
                  <a href="https://gitee.com/nekodeng/hexo-theme-itsneko.git" target="_blank">源码gitee下载地址~</a>
                </p>
                <p>赞赏：感谢各位的喜爱，也欢迎大家的赞赏，赞赏二维码见该页面：<a href="https://dyfa.top/donate/" target="_blank">赞赏博主~</a>
                </p>
                <p>食用：本博客食用方法见下面第一篇文章:<a href="https://dyfa.top/posts/itsneko-opensource-blog.html"
                    target="_blank">关于itsNeko开源博客食用方法~</a>，尽量写的通俗易懂，若懂一点代码那便是极好的。</p>
                <p>联系：怎样联系我，留言：<a href="https://dyfa.top/contact/" target="_blank">留言板</a>
                  ，邮箱：<code>hhanqikai@163.com</code>，QQ: <code>2477756486</code></p>
              </div>
              <!-- 公告文字栏结束 -->
              <!-- 旋转樱花 -->
              <div class="yinghua yhright">
                <div class="yinghualine">
                  <img class="yinghuapic" src="/medias/yinghua.png" />
                </div>
                <style>
                  .yinghua {
                    position: absolute;
                    bottom: 32px;
                  }

                  .yhright {
                    right: 12%;
                  }

                  .yinghualine {
                    position: absolute;
                    top: 0px;
                    right: 20%;
                    width: 2px;
                    height: 32px;
                    background: #dc8f03;
                    transform-origin: 50% 100px;
                    animation: swing 3.5s infinite ease-in-out;
                    -webkit-transform-origin: 50% 100px;
                    -webkit-animation: swing 3.5s infinite ease-in-out;
                  }

                  .yinghuapic {
                    width: 28px;
                    height: 28px;
                    -webkit-animation: rotate 2s linear 0s infinite;
                    animation: rotate 2s linear 0s infinite;
                    position: absolute;
                    top: -14px;
                    left: -14px;
                    z-index: 9;
                  }
                </style>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 全局通知公告播报栏结束 -->
    </div>
  </div>

  

  

  <!-- 所有文章卡片开始 -->
  <article id="articles" class="container articles">
    <div class="row article-row">
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <div class="placetop">推荐文章</div>
          <style>
            .placetop {
              z-index: 99;
              position: absolute;
              top: 0;
              left: 0;
              width: 80px;
              height: 30px;
              line-height: 30px;
              border-bottom-right-radius: 8px;
              background-color: #039be5;
              text-align: center;
              font-size: 15px;
              color: #fff;
              font-weight: 400 !important;
              opacity: 0.95;
            }

            body.dark .placetop {
              opacity: 0.75;
            }
          </style>
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/itsneko-opensource-blog.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/aboutme.JPG" class="responsive-img" alt="关于itsNeko开源博客食用方法">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                关于itsNeko开源博客食用方法
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              前言：本文是关于itsNeko开源博客食用方法详解，感谢使用本开源博客。时间过的好快，还好我都记录下来了。

itsNeko开源介绍
基于itsNeko开源博客是基于Hexo博客Matery主题魔改，感谢各位对本博客的喜爱与支持。
作者He
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2021-12-16
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/itsNeko%E5%8D%9A%E5%AE%A2%E9%A3%9F%E7%94%A8%E6%96%B9%E6%B3%95/" class="post-category">
                  itsNeko博客食用方法
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E5%85%B3%E4%BA%8EitsNeko%E5%BC%80%E6%BA%90%E5%8D%9A%E5%AE%A2/">
              <span class="chip bg-color">关于itsNeko开源博客</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/juzhenqiudao.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/kevin.jpg" class="responsive-img" alt="矩阵求导">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                矩阵求导
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              矩阵求导




              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/DL%E5%AD%A6%E4%B9%A0/" class="post-category">
                  DL学习
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/DL%E5%AD%A6%E4%B9%A0/">
              <span class="chip bg-color">DL学习</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/luojihuigui.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/kevin.jpg" class="responsive-img" alt="逻辑回归学习记录">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                逻辑回归学习记录
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              逻辑回归学习笔记逻辑回归 = 线性回归 + 激活
激活函数：使神经网络具有非线性。
分类：就像选择题，类别就几个，从给定的几个类别中选出一个作为要预测的类别即可(看答案是不是已知的那几个)
回归：就像应用题，需要从历史数据中预测未来的数据走
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/DL%E5%AD%A6%E4%B9%A0/" class="post-category">
                  DL学习
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/DL%E5%AD%A6%E4%B9%A0/">
              <span class="chip bg-color">DL学习</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/django2.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="Django学习笔记(2)（配合docker）">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                Django学习笔记(2)（配合docker）
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              项目的总文件中：

acapp: 项目的容器。
manage.py: 一个实用的命令行工具，可让你以各种方式与该 Django 项目进行交互。
acapp/init.py: 一个空文件，告诉 Python 该目录是一个 Python 包。

              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/django1.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="Django学习笔记(1)(配合docker)">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                Django学习笔记(1)(配合docker)
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              环境配置
租一个服务器
在服务器上装好docker
将docker镜像的压缩包传到租好的服务器里
将镜像压缩包解压成docker镜像 docker load -i django_lesson_1_0.tar
运行镜像，创建容器，并且设置端口
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/docker.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="docker学习记录">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                docker学习记录
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。简单说，就是让项目更少的依赖服务器环境进行部署。
1、安装命令见docker官网：
ubuntu系统
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/tmux.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="tmux常用指令">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                tmux常用指令
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              点击下载配置文件提取码：pec6  将tmux配置文件下载下来存到本机即可在本配置文件中，前导符有control + b 变成了control + a，方便了不少（距离更近）

按下Ctrl + a后手指松开，然后按%：将当前pane左右平
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/bingdundun.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="python手绘冰墩墩">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                python手绘冰墩墩
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              效果图
代码：
import turtle

turtle.title('PythonBingDwenDwen')

turtle.speed(10)  # 速度

# 左手
turtle.penup()
turtle.goto(177, 
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/login_with_no_password.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="服务器配置免密登陆">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                服务器配置免密登陆
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              
ssh-keygen 之后一直回车

cd .ssh

vim config

```Host aliyun #服务器别名  HostName xxx.xxx.xxx.xxx #服务器的ip地址  User root #服务器的用户名


              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/shengchengqi.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="迭代器&amp;生成器学习记录">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                迭代器&amp;生成器学习记录
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              python3迭代器&amp;生成器学习记录迭代器：
迭代器对象从集合的第一个元素开始访问，直到所有元素被访问完结束，迭代器只能往前不能后退。
迭代器有两个基本方法：iter()和next()。
字符串，列表或者元组对象都可以创建迭代器。

              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/ML_1.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/avatar.jpg" class="responsive-img" alt="机器学习(1)">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                机器学习(1)
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              numpy等科学计算包的基础学习


numpy


              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-27
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/" class="post-category">
                  机器学习
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/">
              <span class="chip bg-color">机器学习</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/decorate.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="python装饰器">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                python装饰器
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              装饰器
语法糖：指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。

通常来说，使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

装饰器：装饰器是可调用的对象，其参数是另一个函数（被装饰的函数
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2022-02-09
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/git.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="git学习笔记">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                git学习笔记
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              git常用指令的学习1、设置全局用户名：git config --global user.name xxx 信息记录在~/.gitconfig文件中
2、设置全局邮箱地址：git config --global user.email xxx
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/articletemplate.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="这是技术文章模板">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                这是技术文章模板
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              前言，技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言技术文章前言。

标题
项目1
项目2
项目3

正文正文正文正文正文正文正文正文正文正文
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
      <div class="article col s12 m6 l4">
        <div class="card">
          <!-- 推荐文章置顶模块效果开始 -->
          
          <!-- 推荐文章置顶模块效果结束 -->
          <a href="/posts/alexnet.html">
            <div class="card-image">

              
              <img src="/medias/toc-banner/suibi1.jpg" class="responsive-img" alt="Alexnet学习笔记">
              
              <!-- 福袋按钮 -->
              <div class="caishendeng">
                <div class="caishenxian fudaixian">
                  <img class="caishenpic lala" src="/medias/spring-img/fish.png" />
                </div>
              </div>
              <span class="card-title">
                Alexnet学习笔记
                <!-- 文章卡片hover线条效果 -->
                <span class="titlesline">
                  <style>
                    .titlesline {
                      width: 0px;
                      height: 4px;
                      background-color: #fadca6;
                      border-radius: 2px;
                      position: absolute;
                      top: 10px;
                      left: 24px;
                    }

                    body.dark .titlesline {
                      filter: brightness(.7);
                    }

                    article .card .titlesline {
                      transition: all 0.36s ease;
                    }

                    article .card-image:hover .titlesline {
                      width: 36px;
                    }
                  </style>
                </span>
              </span>
            </div>
          </a>

          <div class="card-content article-content">
            <div class="summary block-with-text">
              
              使用深度卷积神经网络对图像进行分类

ImageNet Classification with Deep Convolutional Neural Networks使用深度卷积神经网络对图像进行分类
Alex Krizhevsky Univ
              
            </div>
            <div class="publish-info">
              <span class="publish-date">
                <i class="far fa-clock fa-fw icon-date"></i>2021-12-14
              </span>
              <span class="publish-author">
                
                <i class="fas fa-bookmark fa-fw icon-category"></i>
                
                <a href="/categories/%E6%8A%80%E6%9C%AF/" class="post-category">
                  技术
                </a>
                
                
              </span>
            </div>
          </div>

          
          <div class="card-action article-tags">
            
            <a href="/tags/%E6%8A%80%E6%9C%AF/">
              <span class="chip bg-color">技术</span>
            </a>
            
          </div>
          
        </div>
      </div>
      
    </div>
  </article>
  <!-- 所有文章卡片结束 -->
</main>


<div class="container paging">
    <div class="row">
        <div class="col s6 m4 l4">
            
            <a class="left btn-floating btn-large disabled">
                <i class="fas fa-angle-left"></i>
            </a>
            
        </div>
        <div class="page-info col m4 l4 hide-on-small-only">
            <div class="center-align b-text-gray">1 / 2</div>
        </div>
        <div class="col s6 m4 l4">
            
            <a href="/page/2/"
               class="right btn-floating btn-large waves-effect waves-light bg-color" style="float: right!important;">
                <i class="fas fa-angle-right"></i>
            </a>
            
        </div>
    </div>
</div>





    <style>
  footer {
    position: relative;
  }

  .page-footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
</style>
<footer class="page-footer bg-color">
  
  <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="hidess col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="3155294100"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='list'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
        <style>
            .hidess .aplayer-lrc {
                display: none!important;
            }
        </style>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

  

  <div class="container row center-align"
    style="margin-bottom: 15px !important;">
    <!-- 访客地图 -->
    <div class="col s12 m3 l3 social-link" id="visitmap">
      <a target="_blank" rel="noopener" href="https://clustrmaps.com/site/1bd51" title="访客地图"><img src="/medias/map-visit.png" /></a>
    </div>
    <!-- 版权信息 -->
    <div class="col s12 m6 l6 copy-right">
      Copyright&nbsp;&copy;
      <span id="year">2021</span>
      <a href="/about" target="_blank">韩其凯</a>
      &nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
      &nbsp;Theme&nbsp;<a href="https://github.com/nekodeng/hexo-theme-itsneko" target="_blank">itsNeko</a>
      <br>

      
      &nbsp;<i class="fas fa-chart-area"></i>&nbsp;Total number of words: &nbsp;<span
        class="white-color">22.6k</span>&nbsp;
      
      
      
      
      
      
      <span id="busuanzi_container_site_pv">
        <i class="far"></i>Total access: &nbsp;<span id="busuanzi_value_site_pv" class="white-color"></span>&nbsp;
      </span>
      
      
      <span id="busuanzi_container_site_uv">
        <i class="fas"></i>Total visits: &nbsp;<span id="busuanzi_value_site_uv" class="white-color"></span>&nbsp;
      </span>
      
      <br>
      
      <span id="sitetime">running time</span>
      <script>
        function siteTime() {
          var seconds = 1000;
          var minutes = seconds * 60;
          var hours = minutes * 60;
          var days = hours * 24;
          var years = days * 365;
          var today = new Date();
          var startYear = "2021";
          var startMonth = "12";
          var startDate = "16";
          var startHour = "0";
          var startMinute = "0";
          var startSecond = "0";
          var todayYear = today.getFullYear();
          var todayMonth = today.getMonth() + 1;
          var todayDate = today.getDate();
          var todayHour = today.getHours();
          var todayMinute = today.getMinutes();
          var todaySecond = today.getSeconds();
          var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
          var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
          var diff = t2 - t1;
          var diffYears = Math.floor(diff / years);
          var diffDays = Math.floor((diff / days) - diffYears * 365);
          var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
          var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) /
            minutes);
          var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
            diffMinutes * minutes) / seconds);
          if (startYear == todayYear) {
            document.getElementById("year").innerHTML = todayYear;
            document.getElementById("sitetime").innerHTML = "The site has been running for " +
              "<span class= 'white-color'>" + diffDays + "</span>" + " d " + "<span class= 'white-color'>" + diffHours +
              "</span>" +
              " h " + "<span class= 'white-color'>" + diffMinutes + "</span>" + " m " + "<span class= 'white-color'>" +
              diffSeconds + "</span>" + " s";
          } else {
            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
            document.getElementById("sitetime").innerHTML = "The site has been running for " +
              "<span class= 'white-color'>" + diffYears + "</span>" + " y " + "<span class= 'white-color'>" + diffDays +
              "</span>" +
              " d " + "<span class= 'white-color'>" + diffHours + "</span>" + " h " + "<span class= 'white-color'>" +
              diffMinutes + "</span>" + " m " + "<span class= 'white-color'>" + diffSeconds + "</span>" + " s";
          }
        }
        setInterval(siteTime, 1000);
      </script>
      
      <br>
      
      <span id="icp">
        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
          <img src="/medias/icp.png"
            style="vertical-align: text-bottom;width: 16px;height: 16px;" />
          鲁ICP备20014959号-1
        </a>
      </span>
      
    </div>
    <div class="col s12 m3 l3 social-link social-statis">
    <a href="https://github.com/hanqikai" class="tooltipped" target="_blank" data-tooltip="GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:hhanqikai@163.com" class="tooltipped" target="_blank" data-tooltip="nekodeng@qq.com" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>



    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2477756486" class="tooltipped" target="_blank" data-tooltip="2477756486" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>



</div>
  </div>
  <!-- 波浪条waveline -->
  <div class="wavelinefooter">
    <style>
      .wavelinefooter {
        background: url(/medias/wave.png) 0 0 repeat-x;
        height: 3px;
        width: 100%;
        position: absolute;
        left: 0;
        top: -3px;
        background-size: 10px 3px;
      }
    </style>
  </div>
</footer>

<!-- 底部进度条 -->
<div class="progress-bar" style="z-index: 999"></div>


    <!-- 搜索遮罩框 -->
<style>
#searchInput::-webkit-input-placeholder { /* WebKit browsers */ 
    font-size:16px;
} 
#searchInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    font-size:16px;
} 
#searchInput::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    font-size:16px;
} 
#searchInput:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    font-size:16px;
} 
#searchInput {
    margin-top: 6px;
    margin-bottom: 12px;
    text-indent: 4px;
    font-size: 14px;
}
</style>
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;站内搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input" autofocus="autofocus" />
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc("/search.xml", 'searchInput', 'searchResult');
});
</script>

<!-- 点击搜索按钮后input框自动获取焦点 -->


    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="javascript(0)">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>
    
    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    

    

    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

    <!--动态线条背景-->
    <script type="text/javascript" color="122 103 158" opacity='0.12' zIndex="-2" count="100" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
    </script>
 
    <script type="text/javascript" src="/js/click_show_text.js"></script>
    <script src="/js/linkcard.js"></script>

    <script src="/js/activate-power-mode.js"></script>
    <script>
        POWERMODE.colorful = true; // make power mode colorful
        POWERMODE.shake = false; // turn off shake
        document.body.addEventListener('input', POWERMODE);
    </script>

    <!-- 百度统计代码 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <!----------节日判断,进行网站修饰，比如春节圣诞或变灰色的清明等----- -->
    <script>
        // 判断今天是哪个节假日或特殊纪念日进行网站修饰，比如春节圣诞或变灰色的清明等
        var curMonth = new Date().getMonth() + 1; //月
        var curDate = new Date().getDate(); //日
        function cancelguajian() {
            // 判断如果是变灰色的纪念日则将小挂件隐藏
            var guajianone = document.getElementsByClassName('caishendeng');
            var guajiantwo = document.getElementsByClassName('labelmz');
            var guajianthree = document.getElementsByClassName('friendmz');
            var denglong = document.getElementsByClassName('denglong');
            for(var i = 0; i < guajianone.length; i++) {
                guajianone[i].style.display = "none"
            };
            for(var j = 0; j < guajiantwo.length; j++) {
                guajiantwo[j].style.display = "none"
            }
            for(var k = 0; k < guajianthree.length; k++) {
                guajianthree[k].style.display = "none"
            };
            for(var x = 0; x < denglong.length; x++) {
                denglong[x].style.display = "none"
            };
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            document.getElementById('xiaomaozitx').style.display = "none";
        }
        // --------------以下节日为公历，每年固定--------------
        if(curMonth == 1 && curDate == 1) {
            // 1月1日为元旦节
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "快乐";
            document.getElementById('dttwo').innerHTML = "元旦";
        }
        else if(curMonth == 9 && curDate == 29) {
            // 9月30日为全国烈士纪念日，设在国庆前一天
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('jinianci').innerHTML = "今天是“ 9月30日 ”，“ 全国烈士纪念日 ”。定为每年的9月30日,正好是国庆前一天,让全国人民永远不要忘记先有无数先烈的前赴后继、奋勇献身,才有我们国家今天的繁荣富强、文明进步。"
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "缅怀";
            document.getElementById('dttwo').innerHTML = "烈士";
            cancelguajian();
        }
        // 10月1日为国庆节
        else if(
          curMonth == 10 && curDate == 1
          || curMonth == 10 && curDate == 2
          || curMonth == 10 && curDate == 3
          || curMonth == 10 && curDate == 4
          || curMonth == 10 && curDate == 5
          || curMonth == 10 && curDate == 6
          || curMonth == 10 && curDate == 7) {
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "欢度";
            document.getElementById('dttwo').innerHTML = "国庆";
            document.getElementById('index-video').src = "https://txmov2.a.yximgs.com/upic/2021/09/30/15/BMjAyMTA5MzAxNTE5MDhfMTg1ODk2MDg4N181ODA5MjQ1NDkyMV8xXzM=_b_Bef514871cf947c46c11bc54a3ed3faa9.mp4?pkey=AAWo-kOQESq9j_AMCO-BT6jTPS090PuVHWtyuSQ8cddkgMmI3V-P9uWMDY13QrPuCjtWVbch_01wRcj6Rtm5w0AkLhgVTMSceLLiRYjlWUfLDNNLX3jISKEscl9uNXUnYcM&tag=1-1632986688-xpcwebprofile-0-ongrobirtl-58c917acab52d13f&clientCacheKey=3xajcj9u8fubzm4_b.mp4";
            document.getElementById('popupbb').style.display = "block"
            document.getElementById('tujis').style.display = "block";
            // document.getElementById('fights').style.display = "none";
            document.getElementById('jinianci').style.textAlign = "center";
            document.getElementById('jinianci').innerHTML = "《 国庆日🚩》<br> 十月惊雷震九重，国富民强聩耳聋。<br>城头城下聚农工，神州处处花潮涌。<br>而今白鹿奋清风，山长水远不知踪。"
          }
        else if(curMonth == 12 && curDate == 13) {
            // 12月13日为国家公祭日
            document.getElementsByTagName('html')[0].classList.add('gray');
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "国家";
            document.getElementById('dttwo').innerHTML = "公祭";
            document.getElementById('jinianci').innerHTML = "今天是 “ 12月13日 ”，南京大屠杀死难者 “ 国家公祭日 ”。国行公祭，法立典章。铸兹宝鼎，祀我国殇。永矢弗谖，祈愿和平。中华圆梦，民族复兴。";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            cancelguajian();
        }

        else if(curMonth == 5 && curDate == 22) {
            // 2021年5月22日袁隆平院士逝世，云南大理发生6级地震
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.body.classList.add('dark');
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "地震";
            document.getElementById('dttwo').innerHTML = "袁老";
            document.getElementById('jinianci').innerHTML = "今天是 “ 2021年5月22日 ”，杂交水稻之父、共和国勋章获得者袁隆平逝世，享年91岁，记忆中您还是小学课本里的爷爷形象，.......还有21日晚云南大理州遭受地震的大家，要好好地...";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            cancelguajian();
        }

        else if(curMonth == 12 && curDate == 25) {
            // 12月25日为圣诞节
            document.body.classList.add('themechris');
        }
        // --------------以下节日为农历，每年不固定--------------
        else if(curMonth == 4 && curDate == 4) {
            // 2021年4月4日为清明节
            document.getElementsByTagName('html')[0].classList.add('gray');
            document.getElementById('switchchristmas').style.display = "none";
            document.getElementById('switchspring').style.display = "none";
            document.getElementById('popupbb').style.display = "block";
            document.getElementById('jinianci').innerHTML = "今天是“ 4月4日 ”，“ 清明节 ”，正是郊外踏青春游与行清墓祭的好时节。燕子来时新社,梨花落后清明。"
            // document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "安康";
            document.getElementById('dttwo').innerHTML = "清明";
            cancelguajian();
        }
        else if(curMonth == 1 && curDate == 31) {
            // 2021春节除夕为1月31日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "快乐";
            document.getElementById('dttwo').innerHTML = "除夕";
        }
        else if(curMonth == 2) {
            // 2021春节为2月1日开始
            document.body.classList.add('themespring');
        }
        else if(curMonth == 6 && curDate == 14) {
            // 2021端午节为6月14日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "安康";
            document.getElementById('dttwo').innerHTML = "端午";
        }
        else if(curMonth == 9 && curDate == 21) {
            // 2021中秋节为9月21日
            document.body.classList.add('themespring');
            document.getElementById('dtone').innerHTML = "团圆";
            document.getElementById('dttwo').innerHTML = "中秋";
        }
    </script>

    <!-- 实现tab切换点击标题显示下划线和颜色改变效果 -->
    <script>
        $(function () {
            var nowUrl = window.location.href
            var homeTab = $('nav ul li a[href="/"] span'),
                cateTab = $('nav ul li a[href="/categories"] span'),
                recordTab = $('nav ul li a[href="/record"] span'),
                tagsTab = $('nav ul li a[href="/tags"] span'),
                archivesTab = $('nav ul li a[href="/archives"] span'),
                countTab = $('nav ul li a[href="/count"] span'),
                aboutTab = $('nav ul li a[href="/about"] span'),
                videoTab = $('nav ul li a[href="/videos"] span'),
                musicTab = $('nav ul li a[href="/musics"] span'),
                galleryTab = $('nav ul li a[href="/gallery"] span'),
                essayTab = $('nav ul li a[href="/essay"] span'),
                booksTab = $('nav ul li a[href="/books"] span'),
                tiktokTab = $('nav ul li a[href="/tiktok"] span'),
                contactTab = $('nav ul li a[href="/contact"] span'),
                friendsTab = $('nav ul li a[href="/friends"] span'),
                collectionTab = $('nav ul li a[href="/collection"] span'),
                projectTab = $('nav ul li a[href="/project"] span'),
                donateTab = $('nav ul li a[href="/donate"] span'),
                olympusTab = $('nav ul li a[href="/olympus"] span'),
                lakersTab = $('nav ul li a[href="/lakers-championship"] span'),
                hotreviewTab = $('nav ul li a[href="/hotreview"] span'),
                ticktackTab = $('nav ul li a[href="/ticktack"] span'),
                friendcircleTab = $('nav ul li a[href="/friendcircle"] span'),
                chromedragonTab = $('nav ul li a[href="/chromedragon"] span'),
                voteTab = $('nav ul li a[href="/vote"] span'),
                // 获取二级菜单项
                achivesTab = $('nav .nav-menu .nav-item:nth-of-type(3) > a > span'),
                qingdanTab = $('nav .nav-menu .nav-item:nth-of-type(5) > a > span'),
                linksTab = $('nav .nav-menu .nav-item:nth-of-type(7) > a > span'),
                labTab = $('nav .nav-menu .nav-item:nth-of-type(8) > a > span');

            if(nowUrl.indexOf("categories") >= 0) {
                cateTab.addClass("aitems")
            } else if (nowUrl.indexOf("posts") >= 0) {
                homeTab.removeClass("aitems")
            } else if (nowUrl.indexOf("record") >= 0) {
                recordTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("tags") >= 0) {
                tagsTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("archives") >= 0) {
                archivesTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("count") >= 0) {
                countTab.addClass("aitems")
                achivesTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("videos") >= 0) {
                videoTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("musics") >= 0) {
                musicTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("gallery") >= 0) {
                galleryTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("essay") >= 0) {
                essayTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("books") >= 0) {
                booksTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("tiktok") >= 0) {
                tiktokTab.addClass("aitems")
                qingdanTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("contact") >= 0) {
                contactTab.addClass("aitems")
            } else if (nowUrl.indexOf("about") >= 0) {
                aboutTab.addClass("aitems")
            } else if (nowUrl.indexOf("friends") >= 0) {
                friendsTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("collection") >= 0) {
                collectionTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("project") >= 0) {
                projectTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("donate") >= 0) {
                donateTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("olympus") >= 0) {
                olympusTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("lakers-championship") >= 0) {
                lakersTab.addClass("aitems")
                linksTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("hotreview") >= 0) {
                hotreviewTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("ticktack") >= 0) {
                ticktackTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("friendcircle") >= 0) {
                friendcircleTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("chromedragon") >= 0) {
                chromedragonTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } else if (nowUrl.indexOf("vote") >= 0) {
                voteTab.addClass("aitems")
                labTab.addClass("erjiitems")
            } 
            else {
                homeTab.addClass("aitems")
            }
        });
    </script>
</body>
</html>
